<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui" xmlns:h="http://java.sun.com/jsf/html"
	template="/templates/template-manutencao.xhtml">

	<ui:define name="title">
		<p:outputLabel value="#{label['caixa.titulo']}" styleClass="header-page" />
	</ui:define>

	<ui:define name="filtros">

		<p:panel header="#{label['sistema.painel.filtros']}" id="panel_selecao">

			<p:panelGrid>

				<p:row>
					<p:column styleClass="labelMaxWidth">
						<p:outputLabel value="#{label['caixa.campo.data_abertura']}" for="caixa_data_abertura_mnt" />
					</p:column>
					<p:column>
						<p:calendar id="caixa_data_abertura_mnt" value="#{caixaMB.modelSel.dataAbertura}" pattern="dd/MM/yyyy" />
					</p:column>
				</p:row>

			</p:panelGrid>

			<f:facet name="footer">
				<div align="right">
					<p:commandButton value="#{label['sistema.botao.pesquisar']}" title="#{label['sistema.botao.pesquisar']}"
						actionListener="#{caixaMB.executarPesquisar()}" process="panel_selecao" update="dataTable" />
				</div>
			</f:facet>

		</p:panel>

	</ui:define>

	<ui:define name="tabela">

		<p:dataTable id="dataTable" value="#{caixaMB.listModel}" var="item" rows="10" paginator="true"
			paginatorPosition="bottom" emptyMessage="#{label['sistema.tabela.emptymessage']}" lazy="true">

			<p:column headerText="#{label['caixa.campo.data_abertura']}" width="15%">
				<p:outputLabel value="#{item.dataAbertura}">
					<f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
				</p:outputLabel>
			</p:column>

			<p:column headerText="#{label['caixa.campo.responsavel_abertura']}" width="29%">
				<p:outputLabel value="#{item.responsavelAbertura.nome}" />
			</p:column>

			<p:column headerText="#{label['caixa.campo.data_fechamento']}" width="15%">
				<p:outputLabel value="#{item.dataFechamento}">
					<f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
				</p:outputLabel>
			</p:column>

			<p:column headerText="#{label['caixa.campo.responsavel_fechamento']}" width="29%">
				<p:outputLabel value="#{item.responsavelFechamento.nome}" />
			</p:column>

			<p:column headerText="#{label['caixa.campo.caixa_inicial']}" width="9%">
				<div align="right">
					<p:outputLabel value="#{item.vlrCaixaInicial}">
						<f:convertNumber maxFractionDigits="2" minFractionDigits="2" minIntegerDigits="1" />
					</p:outputLabel>
				</div>
			</p:column>

			<p:column headerText="#{label['caixa.campo.total']}" width="9%">
				<div align="right">
					<p:outputLabel value="#{item.vlrTotal}">
						<f:convertNumber maxFractionDigits="2" minFractionDigits="2" minIntegerDigits="1" />
					</p:outputLabel>
				</div>
			</p:column>

			<p:column headerText="#{label['sistema.tabela.acoes']}" width="105">

				<p:commandButton icon="ui-icon-close" title="#{label['sistema.botao.excluir']}"
					actionListener="#{caixaMB.executarExcluir(item)}" process="@this" update="dataTable">
					<p:confirm />
				</p:commandButton>

				<p:commandButton icon="ui-icon-clipboard" title="#{label['sistema.botao.detalhes']}" process="@this"
					update="@form:panel_dialog_det" actionListener="#{caixaMB.prepararDetalhes(item)}">
				</p:commandButton>
				
				<p:commandButton icon="ui-icon-zoomin"  process="@this" title="Visualizar Vendas do Caixa"
					action="venda-mestre-detalhe">
					<f:param name="ID" value="#{item.codigo}" />
				</p:commandButton>

			</p:column>

		</p:dataTable>

	</ui:define>

	<ui:define name="custom-dialogs">

		<p:dialog id="dialogDetalhes" header="#{label['sistema.dialog.detalhes.titulo']}" widgetVar="dialogDetalhes"
			width="900" modal="true" closable="false" resizable="false">

			<p:panelGrid id="panel_dialog_det" columns="1">

				<p:panelGrid>

					<p:row>
						<p:column style="width:23% !important">
							<p:spacer />
						</p:column>
						<p:column style="width:23% !important">
							<p:spacer />
						</p:column>
						<p:column style="width:8% !important" rowspan="6">
							<p:spacer />
						</p:column>
						<p:column style="width:23% !important">
							<p:spacer />
						</p:column>
						<p:column style="width:23% !important">
							<p:spacer />
						</p:column>
					</p:row>

					<p:row>
						<p:column>
							<p:outputLabel value="#{label['caixa.campo.data_abertura']}" for="caixa_data_abertura_det" />
						</p:column>
						<p:column>
							<p:calendar id="caixa_data_abertura_det" value="#{caixaMB.modelCad.dataAbertura}" disabled="true"
								pattern="dd/MM/yyyy HH:mm" />
						</p:column>
						<p:column>
							<p:outputLabel value="#{label['caixa.campo.data_fechamento']}" for="caixa_data_fechamento_det" />
						</p:column>
						<p:column>
							<p:calendar id="caixa_data_fechamento_det" value="#{caixaMB.modelCad.dataFechamento}" disabled="true"
								pattern="dd/MM/yyyy HH:mm" />
						</p:column>
					</p:row>

					<p:row>
						<p:column colspan="2">
							<p:spacer height="1" width="100%" style="background:#cccccc" />
						</p:column>
						<p:column colspan="2">
							<p:spacer height="1" width="100%" style="background:#cccccc" />
						</p:column>
					</p:row>

					<p:row>
						<p:column>
							<p:outputLabel value="#{label['caixa.campo.caixa_inicial']}" for="caixa_valor_inicial_det" />
						</p:column>
						<p:column>
							<p:inputText id="caixa_valor_inicial_det" value="#{caixaMB.modelCad.vlrCaixaInicial}" disabled="true"
								>
								<f:convertNumber maxFractionDigits="2" minFractionDigits="2" minIntegerDigits="1" />
							</p:inputText>
						</p:column>
						<p:column>
							<p:outputLabel value="#{label['caixa.campo.valor_deposito']}" for="caixa_valor_deposito_det" />
						</p:column>
						<p:column>
							<p:inputText id="caixa_valor_deposito_det" value="#{caixaMB.modelCad.vlrDepositado}" disabled="true"
								>
								<f:convertNumber maxFractionDigits="2" minFractionDigits="2" minIntegerDigits="1" />
							</p:inputText>
						</p:column>
					</p:row>
					<p:row>
						<p:column>
							<p:outputLabel value="#{label['caixa.campo.valor_venda_atual']}" for="caixa_venda_atual_det" />
						</p:column>
						<p:column>
							<p:inputText id="caixa_venda_atual_det" value="#{caixaMB.modelCad.vlrVendaAtual}" disabled="true"
								>
								<f:convertNumber maxFractionDigits="2" minFractionDigits="2" minIntegerDigits="1" />
							</p:inputText>
						</p:column>
						<p:column>
							<p:outputLabel value="#{label['caixa.campo.retirada_avulsa']}" for="caixa_retirada_avulsa_det" />
						</p:column>
						<p:column>
							<p:inputText id="caixa_retirada_avulsa_det" value="#{caixaMB.modelCad.vlrRetiradaAvulsa}" disabled="true"
								>
								<f:convertNumber maxFractionDigits="2" minFractionDigits="2" minIntegerDigits="1" />
							</p:inputText>
						</p:column>
					</p:row>
					<p:row>
						<p:column>
							<p:outputLabel value="#{label['caixa.campo.saldo_em_caixa']}" for="caixa_saldo_det" />
						</p:column>
						<p:column>
							<p:inputText id="caixa_saldo_det" value="#{caixaMB.modelCad.vlSaldoEmCaixa}" disabled="true" >
								<f:convertNumber maxFractionDigits="2" minFractionDigits="2" minIntegerDigits="1" />
							</p:inputText>
						</p:column>
						<p:column>
							<p:outputLabel value="#{label['caixa.campo.total']}" for="caixa_total_det" />
						</p:column>
						<p:column>
							<p:inputText id="caixa_total_det" value="#{caixaMB.modelCad.vlrTotal}" disabled="true" >
								<f:convertNumber maxFractionDigits="2" minFractionDigits="2" minIntegerDigits="1" />
							</p:inputText>
						</p:column>
					</p:row>
				</p:panelGrid>

				<p:spacer width="100%" height="20" />

				<p:panelGrid>
					<p:row>
						<p:column>
							<p:outputLabel value="#{label['caixa.campo.anotacoes']}" for="caixa_anotacoes_det" />
						</p:column>
					</p:row>
					<p:row>
						<p:column>
							<p:inputTextarea id="caixa_anotacoes_det" value="#{caixaMB.modelCad.motivoRetirada}" rows="6" disabled="true"
								style="width:100% !important" />
						</p:column>
					</p:row>
				</p:panelGrid>
	
			</p:panelGrid>

			<f:facet name="footer">

				<p:commandButton value="#{label['sistema.botao.fechar']}" title="#{label['sistema.botao.fechar']}"
					onclick="PF('dialogDetalhes').hide()" immediate="true">
					<f:setPropertyActionListener target="#{caixaMB.modelCad}" value="#{null}" />
				</p:commandButton>

			</f:facet>

		</p:dialog>

	</ui:define>

</ui:composition>